<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		.wrap_box{

			width: 165px;
			box-sizing: border-box;

		}
		.wrap_box .top_box{
			position: relative;
			border-radius: 2px 2px 0px 0px;
			box-sizing: border-box;
			padding-left: 13px;
			padding-top: 10px;
			height: 56.7px;
			background-color: rgb(251,157,59);
		}
		.wrap_box .top_box img{
			width: 30px;
			border-radius: 1.3px;
			vertical-align: top;

		}
		.wrap_box .top_box .Blessing span{
			font-weight: lighter;
			font-size: 9px;
			color:white;
		}
		.wrap_box .buttom{
            height: 17.3px;
            padding: 0px;
            margin-top: 1.5px;
			box-sizing: border-box;
			border-radius: 0px 0px 2px 2px;
			border:.7px solid rgb(236,236,236);
			border-top: none;
		}
		
		.wrap_box .Blessing{
		
			position: absolute;
			top: 4px;
			left: 52px;
			display: inline-block;
		}
		.wrap_box .buttom .box1 span{
			font-size:16px;
			float: left;
			
			font-weight: lighter;
			font-size: 9px;
			
		}
		.wrap_box .buttom img{
		    vertical-align: middle;
			float: right;
			
			height: 12px;
		}
		.wrap_box .box1{
			box-sizing: border-box;
			padding-top: 1px;
			padding-left: 2px;
			line-height: 85%;
			margin: 0 auto;
			width: 88%;
			height: 85%;
			color:gray;
			
			
		}
	</style>
</head>
<body>
	<div class="wrap_box">
		<div class="top_box">
			<img src="./imgs/pack.jpg">
			<div class="Blessing">
				<span>恭喜发财,大吉大利!</span><br>
			    <span>领取红包</span>
			</div>
			
		</div>
		<div class="buttom">
			<div class="box1">
				<span>微信红包</span><img src="./imgs/we.png" alt="">
			</div>
			
		</div>
	</div>
	<script>
		function fn(aaa){
			console.log(aaa)

		}
	</script>
</body>
<script>
	fn(11)
</script>
</html>